<template>
	<div>
		<div style="font-size: 25px;margin-bottom: 10px"><span>个人中心</span></div>
		<div style="display: flex;">
			<el-card style="margin-right: 30px">
				<div>
					<img :src="admin.userface" class="image" style="width: 200px">
				</div>
				<div>
					<el-button style="margin-left: 45px;margin-top: 10px" type="primary">修改头像</el-button>
				</div>

			</el-card>
			<el-card style="width: 500px">
				<div class="text-container">
					<div> 姓名: <span>{{ admin.name }}</span></div>
					<div> 性别: <span>{{ admin.gender }}</span></div>
					<div>手机号码: <span>{{ admin.phone }}</span></div>
					<div>地址: <span>{{ admin.address }}</span></div>
				</div>
			</el-card>
		</div>
	</div>
</template>

<script>
export default {
	name: "userInfo",
	data() {
		return {
			admin: {},
		}
	},
	mounted() {
		this.admin = JSON.parse(window.sessionStorage.getItem("user"))
	}
}
</script>

<style>
.text-container div{
	margin-bottom: 10px;
	font-size: 20px;
}
.text-container span{
	color: #409eff;
}
</style>
